<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%

String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html class="no-js">
  <head>
   
    
    <title>订单列表</title>
	<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Amaze UI Admin index Examples</title>
<meta name="description" content="这是一个 index 页面">
<meta name="keywords" content="index">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="renderer" content="webkit">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="icon" type="image/png" href="assets/i/favicon.png">
<link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
<meta name="apple-mobile-web-app-title" content="Amaze UI" />
<link rel="stylesheet" href="assets/css/amazeui.min.css"/>
<link rel="stylesheet" href="assets/css/admin.css">
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/app.js"></script>
  </head>
  
<body>

<header class="am-topbar admin-header">
  <div class="am-topbar-brand"><img src="assets/i/logo.png"></div>

  <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
    <ul class="am-nav am-nav-pills am-topbar-nav admin-header-list">

   <li class="am-dropdown tognzhi" data-am-dropdown>
  <button class="am-btn am-btn-primary am-dropdown-toggle am-btn-xs am-radius am-icon-bell-o" data-am-dropdown-toggle>${user.username}&nbsp;&nbsp;&nbsp;</button>
  <ul class="am-dropdown-content">
  	
  	
  	
    <!--<li class="am-dropdown-header">所有消息都在这里</li>-->

    <li><a href="exitLogin">用户注销<span class="am-badge am-badge-danger am-round"></span></a></a></li>

    <!--<li><a href="#">未处理汇款</a></li>
    <li><a href="#">未发放提现</a></li>
    <li><a href="#">未发货订单</a></li>
    <li><a href="#">低库存产品</a></li>
    <li><a href="#">信息反馈</a></li>-->
    
    
    
  </ul>
</li>

 <!--<li class="kuanjie">
 	
 	<a href="#">会员管理</a>          
 	<a href="#">奖金管理</a> 
 	<a href="#">订单管理</a>   
 	<a href="#">产品管理</a> 
 	<a href="#">个人中心</a> 
 	 <a href="#">系统设置</a>
 </li>-->

 <!--<li class="soso">
 	
<p>   
	
	<select data-am-selected="{btnWidth: 70, btnSize: 'sm', btnStyle: 'default'}">
          <option value="b">全部</option>
          <option value="o">产品</option>
          <option value="o">会员</option>
          
        </select>

</p>

<p class="ycfg"><input type="text" class="am-form-field am-input-sm" placeholder="圆角表单域" /></p>-->
<!--<p><button class="am-btn am-btn-xs am-btn-default am-xiao"><i class="am-icon-search"></i></button></p>-->
 </li>




      <li class="am-hide-sm-only" style="float: right;"><a href="javascript:;" id="admin-fullscreen"><span class="am-icon-arrows-alt"></span> <span class="admin-fullText">开启全屏</span></a></li>
    </ul>
  </div>
</header>

<div class="am-cf admin-main"> 

<div class="nav-navicon admin-main admin-sidebar">
    
  
    <div class="sideMenu am-icon-dashboard"
				style="color:#aeb2b7; margin: 10px 0 0 0;"> 欢迎系统管理员：${user.username}</div>
    <div class="sideMenu">
      <h3 class="am-icon-flag">
					<em></em> <a href="#">订单管理</a>
				</h3>
      <ul>
        <li><a href="orderList">订单列表</a></li>
        <!--<li class="func" dataType='html' dataLink='msn.htm' iconImg='images/msn.gif'>添加订单</li>-->
        <li><a href="addorder">添加订单</a></li>
       <!--<li><a href="商品列表.html">订单详情</a></li>-->

      </ul>
      <h3 class="am-icon-cart-plus">
					<em></em> <a href="#"> 物品管理</a>
				</h3>
      <ul>
        <li><a href="getAllGoods">物品详情</a></li>
      </ul>
      <h3 class="am-icon-cart-plus">
					<em></em> <a href="#"> 房间管理</a>
				</h3>
      <ul>
        <li><a href="getAllRoom">房间信息</a></li>
        <li><a href="roomListU">房间类型信息</a></li>
      </ul>
      <!--<h3 class="am-icon-users"><em></em> <a href="#">会员管理</a></h3>
      <ul>
        <li>会员列表 </li>
        <li>未激活会员</li>
        <li>团队系谱图</li>
        <li>会员推荐图</li>
        <li>推荐列表</li>
      </ul>
      <h3 class="am-icon-volume-up"><em></em> <a href="#">信息通知</a></h3>
      <ul>
        <li>站内消息 /留言 </li>
        <li>短信</li>
        <li>邮件</li>
        <li>微信</li>
        <li>客服</li>
      </ul>
      <h3 class="am-icon-gears"><em></em> <a href="#">系统设置</a></h3>
      <ul>
        <li>数据备份</li>
        <li>邮件/短信管理</li>
        <li>上传/下载</li>
        <li>权限</li>
        <li>网站设置</li>
        <li>第三方支付</li>
        <li>提现 /转账 出入账汇率</li>
        <li>平台设置</li>
        <li>声音文件</li>
      </ul>-->
    </div>
    <!-- sideMenu End --> 
    
    <script type="text/javascript">
			jQuery(".sideMenu").slide({
				titCell:"h3", //鼠标触发对象
				targetCell:"ul", //与titCell一一对应，第n个titCell控制第n个targetCell的显示隐藏
				effect:"slideDown", //targetCell下拉效果
				delayTime:300 , //效果时间
				triggerTime:150, //鼠标延迟触发时间（默认150）
				defaultPlay:true,//默认是否执行效果（默认true）
				returnDefault:true //鼠标从.sideMen移走后返回默认状态（默认false）
				});
				
				
				function query(){
					var rrr=document.getElementById("rtype");
					rtype=rrr.value; //房间类型
					var jjj=document.getElementById("jiezhang");
					jiezhang=jjj.value;//是否结账
					
					var begintime=document.getElementById("begintime").value;//开始时间
					var endtime=document.getElementById("endtime").value;//结束时间
					var roomnum=document.getElementById("roomnum").value;//结束时间
					var human=document.getElementById("human").value;//结束时间
					window.location.href="orderList?roomTypeId="+rtype+"&jiezhang="+jiezhang+"&beginTime="+begintime+"&overTime="+endtime+"&roomNum="+roomnum+"&user="+human;
				}
				
				function deleteorder(id){
					if(confirm("您即将删除此条数据")){
   						if(confirm("确定删除吗")){
   							alert("删除成功");
   							window.location.href="";
   						}
   					}else{
   						alert("未删除");
   					}
				
				}
		</script> 

    
    
    
    
    
    
    
</div>

<div class=" admin-content">
	
		<div class="daohang">
			<ul>
			
			<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">前台<a href="getAllGoods" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>

<c:if test="${user.roleid==1}">
				
				
				<li><button type="button" class="am-btn am-btn-default am-radius am-btn-xs">后台管理<a href="GMgetAllGoods" class="am-close am-close-spin" data-am-modal-close="">×</a></button></li>				
				
				
				</c:if>						
			</ul>

       

	
</div>
	
	


<div class="admin-biaogelist">
	
    <div class="listbiaoti am-cf">
      <ul class="am-icon-flag on"> 订单列表</ul>
      
      <dl class="am-icon-home" style="float: right;"> 当前位置： 首页 > <a href="#">订单列表</a></dl>
      
      <dl>
        <button type="button" class="am-btn am-btn-danger am-round am-btn-xs am-icon-plus"> 添加产品</button>
      </dl>
      
      
    </div>
	
	<div class="am-btn-toolbars am-btn-toolbar am-kg am-cf">
  <ul>
    <li>
      <div class="am-btn-group am-btn-group-xs">
        <select id="rtype" data-am-selected="{btnWidth: 90, btnSize: 'sm', btnStyle: 'default'}">
          <option value="0">房间类型</option>
          <c:forEach items="${roomtype}" var="r">
          		<option value="${r.roomtypeid}">${r.roomtypename}</option>
          </c:forEach>
        </select>
      </div>
    </li>
    <li>
      <div class="am-btn-group am-btn-group-xs">
      <select id="jiezhang" data-am-selected="{btnWidth: 90, btnSize: 'sm', btnStyle: 'default'}">
        <option value="3">是否结账</option>
        <option value="1">已结账</option>
        <option value="0">未结账</option>
      </select>
      </div>
    </li>
    <li style="margin-right: 0;">
    	<span class="tubiao am-icon-calendar"></span>
      <input id="begintime" type="text" class="am-form-field am-input-sm am-input-zm  am-icon-calendar" placeholder="开始日期" data-am-datepicker="{theme: 'success',}"  readonly/>
    </li>
       <li style="margin-left: -4px;">
    	<span class="tubiao am-icon-calendar"></span>
      <input id="endtime" type="text" class="am-form-field am-input-sm am-input-zm  am-icon-calendar" placeholder="结束日期" data-am-datepicker="{theme: 'success',}"  readonly/>
    </li>
    
        <li style="margin-left: -10px;">
      <div class="am-btn-group am-btn-group-xs">
      </div>
    </li>
    <li><input id="roomnum" type="text" class="am-form-field am-input-sm am-input-xm" placeholder="房间号搜索" /></li>
    <li><input id="human" type="text" class="am-form-field am-input-sm am-input-xm" placeholder="入住人搜索" /></li>
    <li><button type="button" class="am-btn am-radius am-btn-xs am-btn-success" style="margin-top: -1px;"><a  onclick="query()" style="color: white;">搜索</a></button></li>
  </ul>
</div>


    <form class="am-form am-g">
          <table width="100%" class="am-table am-table-bordered am-table-radius am-table-striped">
            <thead>
              <tr class="am-success">
                <th class="table-check"><input type="checkbox" /></th>
                <!--<th class="table-id">排序</th>-->
                <th class="table-id">ID</th>
                <th class="table-title">房间号码</th>
                <th class="table-type">房间类型</th>
                <th class="table-author am-hide-sm-only">是否结账 <i class="am-icon-check am-text-warning"></i> <i class="am-icon-close am-text-primary"></i></th>
              
                <th class="table-type">入住人</th> 
                <th class="table-date am-hide-sm-only">入住日期</th>
                 <th class="table-date am-hide-sm-only">结束日期</th>
                <th width="163px" class="table-set">操作</th>
              </tr>
            </thead>
            <tbody>
              <c:forEach items="${list}" var="li">
              	 <tr>
                <td><input type="checkbox" /></td>
                <td>${li.orderid}</td>
                <td>${li.roomid}</td>
                
                
                
                <c:forEach items="${roomtype}" var="rot">
                	<c:if test="${li.room.roomtypeid==rot.roomtypeid}">
                		<td>${rot.roomtypename}</td>
                	</c:if>
                </c:forEach>
                
                <td class="am-hide-sm-only">
                <c:if test="${li.isinvoicing==true}">
                	<i class="am-icon-check am-text-warning"></i>
                </c:if>
                <c:if test="${li.isinvoicing==false}">
                	<i class="am-icon-close am-text-primary"></i>
                </c:if>
                </td>
                <td class="am-hide-sm-only">${li.residents.residentsname}</td>
                <td class="am-hide-sm-only">${li.ordercreatetime}</td>
                <td class="am-hide-sm-only">${li.orderendtime}</td>
                
                <td><div class="am-btn-toolbar">
                    <div class="am-btn-group am-btn-group-xs">
                     <button class="am-btn am-btn-default am-btn-xs am-text-success am-round" type="button" onclick="javascrtpt:window.location.href='orderdetails?id=${li.orderid}'"><span class="am-icon-search">详情</span> </button>
                      <%-- <button type="button" onclick="deleteorder(${li.orderid})" class="am-btn am-btn-default am-btn-xs am-text-secondary am-round"><span class="am-icon-pencil-square-o"></span>删除</button> --%>
                    </div>
                  </div></td>
              </tr> 
              
              	
              </c:forEach>
            </tbody>
          </table>
          
          <ul class="am-pagination am-fr">
                <li class="am-disabled"><a href="#">«</a></li>
                <li class="am-active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">»</a></li>
              </ul>
          
          
          
      
          <hr />
          <p><span style="color: red">注---	未结账时结束日期不显示</span></p>
        </form>
 
 
 
 
 <div class="foods">
  <ul>
    版权所有OVO酒店管理系统 <a href="#" target="_blank" title="">OVO酒店</a> -  More Templates
  </ul>
  <dl>
    <a href="" title="返回头部" class="am-icon-btn am-icon-arrow-up"></a>
  </dl>
</div>




</div>

</div>




</div>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/polyfill/rem.min.js"></script>
<script src="assets/js/polyfill/respond.min.js"></script>
<script src="assets/js/amazeui.legacy.js"></script>
<![endif]--> 

<!--[if (gte IE 9)|!(IE)]><!--> 
<script src="assets/js/amazeui.min.js"></script>
<!--<![endif]-->



</body>
</html>
